<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>修改支付密码</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<style>
			.con {
				width: 95%;
				margin: 10px auto;
			}
			
			p {
				font-size: 16px;
				line-height: 40px;
				height: 20px;
			}
			
			input {
				width: 100%;
				height: 40px;
				border: none;
				border-bottom: 1px solid #555555;
				background: no-repeat;
			}
			
			button {
				margin: 40px auto;
			}
			
			.yanzhengma {
				display: -webkit-box;
				-webkit-box-align: center;
				-webkit-box-pack: justify;
				
			}
		</style>
	</head>
	<!--这个页面模版同样适用与登陆密码修改-->
	<!--这个页面模版同样适用与登陆密码修改-->
	<!--这个页面模版同样适用与登陆密码修改-->
	<!--这个页面模版同样适用与登陆密码修改-->
	<!--这个页面模版同样适用与登陆密码修改-->

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">修改支付密码</h1>
		</header>
		<div class="mui-content">
			<div class="con">
				<p>当前密码：</p>
				<input name="" id="" value="" />
				<p>新密码：</p>
				<input name="" id="" value="" />
				<p>确认新密码：</p>
				<input name="" id="" value="" />
				<p>密码长度至少6个字符，最多32个字符</p>
				<div class="yanzhengma">
					<div>
						<input type="text"  placeholder="验证码" style="margin-bottom: 0;">
					</div>
					<div>
						<button type="button" style="margin: 10px auto; font-size: 1em;">获取验证码</button>
					</div>
				</div>
				<button type="button" class="mui-btn mui-btn-blue mui-btn-block">确定</button>
				<a class="mui-pull-right">找回密码</a>

			</div>

		</div>
		<script src="../../../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>